<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>库房管理-盒子信息</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="../css/BoxInformation.css" />
    <script src="../utils/jquery-3.6.0.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <div class="main-box">
      <!-- 左边导航 -->
      <div class="left">
        <!-- logo -->
        <div class="logo">
          <img src="../images/微信图片_20220821145126.png" alt="" />
          <h5>数字化档案管理</h5>
        </div>

        <!-- 导航 -->
        <div class="left-nav">
          <ul class="nav nav-pills nav-stacked">
            <li><a href="./home.html" >首界面</a>
                <ul class="min-nav">
                <li><a href="./home.html">首页看板</a></li>
              </ul>
            </li>
            <li>
              <a href="JavaScript:;">案卷管理</a>

              <ul class="min-nav">
                <li><a href="./management.html">签收管理</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">库房管理</a>
              <ul class="min-nav">
                <li><a href="./storeHouse.html">库房信息</a></li>
                <li><a href="./storeShelf.html">库架信息</a></li>
                <li><a href="./LayerInformation.html">层格信息</a></li>
                <li><a href="./BoxInformation.html">盒子信息</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">入库管理</a>
              <ul class="min-nav">
                <li><a href="./File warehousing.html">档案入库</a></li>
                <li><a href="./Inventory records.html">入库记录</a></li>
                <li><a href="JavaScript:;">盒号打印</a></li>
                <li><a href="./File number printing.html">档案号打印</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">档案管理</a>
              <ul class="min-nav">
                <li><a href="JavaScript:;">退/还案管理</a></li>
                <li><a href="JavaScript:;">退/还案明细</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">移库管理</a>
              <ul class="min-nav">
                <li><a href="./system-archives.html">档案移库</a></li>
                <li><a href="./system-detail.html">移库明细</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">档案管理</a>
              <ul class="min-nav">
                <li><a href="./archiveManagement.html">退/还案管理</a></li>
                <li><a href="./archiveManagementDetail.html">退/还案明细</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">实体借阅</a>
              <ul class="min-nav">
                <li><a href="./entityBorrowapplication.html">借阅申请</a></li>
                <li><a href="JavaScript:;">借阅审批</a></li>
                <li><a href="JavaScript:;">借阅出库</a></li>
                <li><a href="JavaScript:;">借阅归还</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">电子借阅</a>
              <ul class="min-nav">
                <li><a href="./BorrowingApply.html">借阅申请</a></li>
                <li><a href="./BorrowingExamination.html">借阅审批</a></li>
                <li><a href="./BorrowingDetail.html">借阅明细</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">统计报表</a>
              <ul class="min-nav">
                <li><a href="JavaScript:;">签收统计</a></li>
                <li><a href="JavaScript:;">入库统计</a></li>
                <li><a href="JavaScript:;">电子借阅统计</a></li>
                <li><a href="JavaScript:;">实体借阅统计</a></li>
                <li><a href="JavaScript:;">档案库存数统计</a></li>
                <li><a href="JavaScript:;">档案状态统计</a></li>
                <li><a href="JavaScript:;">用户登录统计</a></li>
                <li><a href="JavaScript:;">影像上传统计</a></li>
                <li><a href="JavaScript:;">影像浏览统计</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">日志管理</a>
              <ul class="min-nav">
                <li><a href="./logManagement.html">系统操作日志</a></li>
                <li><a href="./ImageryBrowsingLogs.html">影像浏览日志</a></li>
                <li><a href="JavaScript:;">影像上传日志</a></li>
                <li><a href="JavaScript:;">用户登录日志</a></li>
              </ul>
            </li>

            <li>
              <a href="JavaScript:;">系统管理</a>
              <ul class="min-nav">
                <li><a href="./systemUser.html">用户管理</a></li>
                <li><a href="./systemRole.html">角色管理</a></li>
                <li><a href="./systemGrade.html">等级管理</a></li>
                <li><a href="JavaScript:;">机构管理</a></li>
                <li><a href="JavaScript:;">流程管理</a></li>
                <li><a href="JavaScript:;">档案轨迹</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>

      <!-- 右侧部分 -->
      <div class="right">
        <!-- 右侧头部 -->
        <div class="right-header">
          <!-- 头部 -->
          <div class="row1">
            <div class="header-left">
              <img src="../images/e7ae080a6b27d918b35916ac9d96bee.jpg" alt=""/>
            </div>

            <div class="header-right">
              <img src="../images/05c763aa3b40208576738f06dd1a281.jpg" alt="" />
              <div class="user">
                <!-- 头像 -->
                <img src="../images/头像.jpg" alt="" />
                <span>Admin</span>
              </div>
            </div>
          </div>

          <!-- 面包屑 -->
          <ul class="breadcrumb">
            <li><a href="#">库房管理</a></li>
            <li><a href=.LayerInformation.html">盒子信息</a></li>
          </ul>
        </div>

        <!-- 右侧主体 -->
        <div class="right-body">


          <!-- 左 -->
          <div class="right-content">
            <form class="form-inline">
              <!-- 编号查询 -->
              <div class="form-group">
                <label for="LayerInformation" class="LayerInformation"
                  >盒子编号</label
                >
                <input
                  type="text"
                  class="form-control LayerInformationValue"
                  class="LayerInformationValue"
                  placeholder="请输入编号"
                />
              </div>

              <!-- 库房状态 -->
              
              <div class="form-group" id="LayerInformation">
                            <label>库架状态</label>    
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle state" type="button"
                                        id="dropdownMenu1" data-toggle="dropdown">
                                        全部
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a class="all">全部</a></li>
                                        <li><a class="on">可用</a></li>
                                        <li><a class="off">不可用</a></li>
                                    </ul>
                                </div>
                            </div>

              <button type="button" class="btn btn-primary search" id="search">
                查询
              </button>
              <button type="button" class="btn btn-primary " id="reset">
                重置
              </button>
             <br>
              <button type="button" class="btn btn-primary add" id="add">
                新增盒子
              </button>

              <!-- 表格 -->
              <div class="table-responsive">
                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>库房号</th>
                      <th>库架号</th>
                      <th>层格号</th>
                      <th>盒号</th>
                      <th>已用盒子数</th>
                      <th>已放案卷数</th>
                      <th>状态</th>
                      <th>创建人</th>
                      <th>创建时间</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tbody>

                  </tbody>
                </table>

                <nav>
                  <ul class="pagination">
                    <li>
                      <a href="#" class="prev">
                        <span aria-hidden="true">&laquo;</span>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="next">
                        <span aria-hidden="true">&raquo;</span>
                      </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </form>
          </div>
        </div>
      </div>


      <!-- 查看 -->
      <div class="modal fade" id="detailModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">
                <span>&times;</span>
              </button>
              <h4 class="modal-title" id="myModalLabel">层格信息</h4>
            </div>
            <div class="modal-body">
              <form>
                <div class="form-group">
                  <label>编号</label>
                  <input disabled type="text" class="form-control detailId" />
                </div>
                <div class="form-group">
                  <label>库房号</label>
                  <input
                    disabled
                    type="text"
                    class="form-control detailWarehouse"
                  />
                </div>
                <div class="form-group">
                  <label>库架号</label>
                  <input disabled type="text" class="form-control detailName" />
                </div>
                <div class="form-group">
                  <label>层格号</label>
                  <input
                    disabled
                    type="text"
                    class="form-control detailLayer"
                  />
                </div>
                <div class="form-group">
                  <label>盒号</label>
                  <input
                    disabled
                    type="text"
                    class="form-control detailTotal"
                  />
                </div>
                <div class="form-group">
                  <label>已用盒子数</label>
                  <input
                    disabled
                    type="text"
                    class="form-control detailUsed"
                  />
                </div>
                <div class="form-group">
                  <label>已放案卷数</label>
                  <input disabled type="text" class="form-control detailReleased" />
                </div>
                <div class="form-group">
                  <label>创建人</label>
                  <input
                    disabled
                    type="text"
                    class="form-control detailFounder"
                  />
                </div>
                <div class="form-group">
                  <label>创建时间</label>
                  <input
                    disabled
                    type="datetime"
                    class="form-control detailTime"
                  />
                </div>
              </form>
            </div>
            <div class="modal-footer">
              <button
                type="button"
                class="btn btn-default"
                data-dismiss="modal"
              >
                关闭
              </button>
            </div>
          </div>
        </div>
      </div>

      <!-- 重置 -->
     <div class="modal fade" id="resetModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    您确定要重置嘛？
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary resetS">确定</button>
                </div>
            </div>
        </div>
    </div>
          
    
    <!-- 编辑 -->
  <div class="modal fade" id="editModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button
                type="button"
                class="close"
                data-dismiss="modal"
                aria-label="Close"
              >
                <span aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title" id="myModalLabel">编辑层格信息</h4>
            </div>
            <div class="modal-body">
   <div class="modal-body">
              <div>
                <p>库房信息</p>
 <span><b> * </b> 序号 : <input type="text" class="editId"
                /></span>
                <span>
                <span
                  ><b> * </b> 库房号 : <input type="text" class="editwarehouse"
                /></span>
                <span>
                <span>
                  <b> * </b> 归档时间 :
                  <input type="text"  class="editTime"
                /></span>
              </div>
              <div>
                <div>库架信息</div>
                <div>
                  <span>
                    <b>*</b> 库架号 : 
                    <input type="text"  class="editName"
                  /></span>
                            <span>
                    <b>*</b> 创建人 : 
                    <input type="text"  class="editFounder"
                  /></span>
                </div>
              </div>
              <div>
                <p>层格信息</p>
                <div>
                  <span>
                    <b> * </b> 层格号 :  
                    <input type="text" class="editLayer"
                  /></span>
                </div>
              </div>
                            <div>
                <p>盒子信息</p>
                <div>
                  <span>
                    <b> * </b> 盒号 : 
                    <input type="text" class="editTotal"
                  /></span>
                     <span>
                    <b> * </b> 已用盒子数 : 
                    <input type="text" class="editUsed"
                  /></span>
                          <span>
                    <b> * </b> 已放案卷数 : 
                    <input type="text" class="editReleased"
                  /></span>
                </div>
              </div>
            </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary editSaveBtn">保存</button>
              <button
                type="button"
                class="btn btn-default"
                data-dismiss="modal"
              >
                关闭
              </button>
            </div>
          </div>
        </div>
      </div> 




    <!-- 添加 -->
<!--       <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button
                type="button"
                class="close"
                data-dismiss="modal"
                aria-label="Close"
              >
                <span aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title" id="myModalLabel">编辑层格信息</h4>
            </div>
            <div class="modal-body">
              <div>
                <p>库房信息</p>
         <span ><b> * </b> 序号: <input type="text" class="addId"
                /></span>
                <span>
                <span
                  ><b> * </b> 库房号: <input type="text" class="addwarehouse"
                /></span>
                <span>
                <span>
                  <b> * </b> 归档时间:
                  <input type="text"  class="addTime"
                /></span>
              </div>
              <div>
                <div>库架信息</div>
                <div>
                  <span>
                    <b>*</b> 库架号 :
                    <input type="text"  class="addName"
                  /></span>
                            <span>
                    <b>*</b> 创建人 :
                    <input type="text"  class="addFounder"
                  /></span>
                </div>
              </div>
              <div>
                <p>层格信息</p>
                <div>
                  <span>
                    <b> * </b> 层格号:
                    <input type="text" class="addLayer"
                  /></span>
                </div>
              </div>
                            <div>
                <p>盒子信息</p>
                <div>
                  <span>
                    <b> * </b> 盒号:
                    <input type="text" class="addTotal"
                  /></span>
                     <span>
                    <b> * </b> 已用盒子数:
                    <input type="text" class="addUsed"
                  /></span>
                          <span>
                    <b> * </b> 已放案卷数:
                    <input type="text" class="addReleased"
                  /></span>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary">添加</button>
              <button
                type="button"
                class="btn btn-default"
                data-dismiss="modal"
              >
                关闭
              </button>
            </div>
          </div>
        </div>
      </div> -->
    
     <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">
                <span>&times;</span>
              </button>
              <h4 class="modal-title" id="myModalLabel">层格信息</h4>
            </div>
            <div class="modal-body">
              <form>
                <div class="form-group">
                  <label>编号</label>
                  <input  type="text" class="form-control addId" />
                </div>
                <div class="form-group">
                  <label>库房号</label>
                  <input
                    type="text"
                    class="form-control addWarehouse"
                  />
                </div>
                <div class="form-group">
                  <label>库架号</label>
                  <input  type="text" class="form-control addName" />
                </div>
                <div class="form-group">
                  <label>层格号</label>
                  <input                  
                    type="text"
                    class="form-control addLayer"
                  />
                </div>
                <div class="form-group">
                  <label>盒号</label>
                  <input
                    type="text"
                    class="form-control addTotal"
                  />
                </div>
                <div class="form-group">
                  <label>已用盒子数</label>
                  <input
                    type="text"
                    class="form-control addUsed"
                  />
                </div>
                <div class="form-group">
                  <label>已放案卷数</label>
                  <input  type="text" class="form-control addReleased" />
                </div>
                <div class="form-group">
                  <label>创建人</label>
                  <input
                    type="text"
                    class="form-control addFounder"
                  />
                </div>
                <div class="form-group">
                  <label>创建时间</label>
                  <input
                    type="datetime"
                    class="form-control addTime"
                  />
                </div>
              </form>
            </div>
            <div class="modal-footer">
              <button
                type="button"
                class="btn btn-default addSaveBtn"
                data-dismiss="modal"
              >
                添加
              </button>
            </div>
          </div>
        </div>
      </div>

      <script src="../js/BoxInformation.js"></script>
    </div>
  </body>
</html>
